<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<section class="w3l-footer">
    <footer class="footer-28 py-5">
        <div class="container py-md-5">
            <div class="footer-top-28 text-center">
                <div class="row foothny-grids mb-lg-5 mb-4">
                    <div class="col-lg-6 fotter-gd-left px-0">
                        <a href="#"><img src="${path}/static/user/images/footer.jpg" class="img-fluid" alt=""></a>
                    </div>
                    <div class="col-lg-6 fotter-gd-right">
                        <div class="ft-grid">
                            <h5><span class="text-content"> 打了也打不通</span>

                                <span class="fa fa-phone mr-3" aria-hidden="true"></span>132-0000-1071</span>
                            </h5>

                        </div>
                    </div>
                </div>

                <h2><a class="navbar-brand" href="index.html">
                    Food<span>yuppie</span>
                </a></h2>
                <p class="f-para mt-3">@copyrihgt--王芝昆</p>
            </div>

        </div>


        <!-- move top -->
        <button onclick="topFunction()" id="movetop" title="Go to top">
            <span class="fa fa-angle-up"></span>
        </button>
        <script>
            // When the user scrolls down 20px from the top of the document, show the button
            window.onscroll = function () {
                scrollFunction()
            };

            function scrollFunction() {
                if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                    document.getElementById("movetop").style.display = "block";
                } else {
                    document.getElementById("movetop").style.display = "none";
                }
            }

            // When the user clicks on the button, scroll to the top of the document
            function topFunction() {
                document.body.scrollTop = 0;
                document.documentElement.scrollTop = 0;
            }
        </script>
        <!-- /move top -->
    </footer>


    <script src="/static/user/js/theme-change.js"></script><!-- theme switch js (light and dark)-->
    <!-- responsive tabs -->
    <!--/MENU-JS-->
    <script>
        $(window).on("scroll", function () {
            var scroll = $(window).scrollTop();

            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                $("#site-header").removeClass("nav-fixed");
            }
        });

        //Main navigation Active Class Add Remove
        $(".navbar-toggler").on("click", function () {
            $("header").toggleClass("active");
        });
        $(document).on("ready", function () {
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
            $(window).on("resize", function () {
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });
    </script>
    <!--//MENU-JS-->

    <!-- disable body scroll which navbar is in active -->
    <script>
        $(function () {
            $('.navbar-toggler').click(function () {
                $('body').toggleClass('noscroll');
            })
        });
    </script>
    <!-- //disable body scroll which navbar is in active -->

    <!--bootstrap-->
    <script src="/static/user/js/bootstrap.min.js"></script>
    <!-- //bootstrap-->

<script src="${path}/static/js/script.js"></script>
</section>